<div class="findtrs">
	<div class="fbetterlst">
		<div class="fwelts">
			<div class="fwhdata" style="background: url(__STATIC__/lib/index/images/fimg21.jpg) no-repeat center/cover;"><a href="#">
				<h4 style="font-size: 28px;line-height: 40px;">welcome to Cardecho</h4>
				<br />
				<div class="ls">
					<ul>
						<li>系统时区:'UTC-5'(北京时间减13小时)</li>
					</ul>
				</div>
			</a></div>
			<div class="list">
				<ul>
					<li>
						<div class="tt">
							<div class="lt">
								<h3>拒付金额及笔数</h3>
							</div>
						</div>
						<div class="money">
							<dl>
								<dd>
									<h2>$<i>{$declined_amount}</i></h2>
									<h6>拒付金额</h6>
								</dd>
								<dd>
									<h2 style="height: 30px;line-height: 30px;"><i>{$declined_count}</i>笔</h2>
									<h1>拒付笔数</h1><br/>
									<h2 style="height: 30px;line-height: 30px;"><i>{$tran_declined_rate}</i> %</h2>
									<h1>拒付率</h1>
								</dd>
							</dl>
						</div>
					</li>
					<li>
						<div class="tt">
							<div class="lt">
								<h3>累计退款金额</h3>
							</div>
						</div>
						<div class="moneyje">
							<h2>$<i>{$credit_amount}</i></h2>
							<h6>累计退款金额</h6>
						</div>
					</li>
					<li>
						<div class="tt">
							<div class="lt">
								<h3>卡段</h3><h5 id='kaduan' onmouseover="shows('您在本平台可使用的卡段数量' , 'kaduan')" onmouseleave="close_tips()"></h5>
							</div>
							<div class="rt">
								<h4><i>{$showCardsCount}</i>个</h4>
							</div>
						</div>
						<div class="fkaduan">
							<dl>
								{foreach $showCards as $k=>$v}
								<dd>
									<h4><i>{$v.card_num}</i>张</h4>
									<h6>{$v.card_type}</h6>
								</dd>
								{/foreach}
								<dd class="more">
									<a href="javascript:;" onclick="moreShow()">更多</a>
								</dd>
							</dl>
						</div>
					</li>
					<li>
						<div class="tt">
							<div class="lt">
								<h3>卡片</h3><h5 id="kahao" onmouseover="shows('您在本平台总共开卡数量' , 'kahao')" onmouseleave="close_tips()"></h5>
							</div>
							<div class="rt">
								<h4><i>{$cardCount}</i>张</h4>
							</div>
						</div>
						<div class="money">
							<dl>
								<dd class="lv">
									<h2><i>{$cardCount}</i>张</h2>
									<h6>总开卡数</h6>
								</dd>
								<dd class="ho">
									<h2><i>{$cardDel}</i>张</h2>
									<h6>已删除数</h6>
								</dd>
							</dl>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="fwerts">
			<div class="frecharge" style="background: url(__STATIC__/lib/index/images/fimg22.jpg) no-repeat center/cover;">
				<div class="charge">
					<div class="txt">
						<div class="ico"><img src="__STATIC__/lib/index/images/fn8.png" alt=""></div>
						<h5>账户余额</h5>
					</div>
					<h2>${$balance}</h2>
					<a href="javascript:;" class="cag fund_index">快速充值</a>
				</div>
				<div class="tet">
					<h6>退款笔数：{$credit_count} 笔</h6>
					<h6>退款金额：$ {$credit_amount}</h6>
				</div>
			</div>
			<div class="list">
				<ul>
					<li style="background: url(__STATIC__/lib/index/images/fimg1.png) no-repeat center/cover;">
						<a href="#">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn11.png" alt=""></div>
								<h5>充值总金额</h5>
							</div>
							<h2>$ {$total_fund_amount}</h2>
						</a>
					</li>

					<li style="background: url(__STATIC__/lib/index/images/fimg1.png) no-repeat center/cover;">
						<a href="#">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn10.png" alt=""></div>
								<h5>卡位</h5>
							</div>
							<h2>{$card_max}张</h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg2.png) no-repeat center/cover;">
						<a href="#">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn11.png" alt=""></div>
								<h5>开卡费</h5>
							</div>
							<h2>$1-5/张</h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg3.png) no-repeat center/cover;">
						<a href="#">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn12.png" alt=""></div>
								<h5>服务费率</h5>
							</div>
							<h2>1-5%</h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg5.png) no-repeat center/cover;">
						<a href="{:url('cards/index')}">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn14.png" alt=""></div>
								<h5>快速开卡</h5>
							</div>
							<h2></h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg6.png) no-repeat center/cover;">
						<a href="javascript:;" class="fund_index">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn15.png" alt=""></div>
								<h5>快速充值</h5>
							</div>
							<h2></h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg7.png) no-repeat center/cover;">
						<a href="{:url('cards/tranList')}">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn16.png" alt=""></div>
								<h5>交易明细</h5>
							</div>
							<h2></h2>
						</a>
					</li>
					<li style="background: url(__STATIC__/lib/index/images/fimg8.png) no-repeat center/cover;">
						<a href="{:url('fund/account')}">
							<div class="lt">
								<div class="ic"><img src="__STATIC__/lib/index/images/fn17.png" alt=""></div>
								<h5>财务明细</h5>
							</div>
							<h2></h2>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function(){
		const is_notice = "{$is_notice}";
		if(is_notice == 1){
			openWin();
		}

		$(".fund_index").click(function(){
			const grade = "{$grade}";
			if(grade == 0){
				layer.msg('请先进行实名认证' , {time:1500});
				setTimeout("window.location.href='" + "{:url('user/cardCheck')}" + "'; ", 1500);
				return false;
			}else{
				window.location.href = "{:url('fund/index')}";
			}
		});
	});

	function shows(msg,id){
		layer.tips('' + msg, '#' + id ,{tips:[1,'blace'] , area:[100,40]});
	}
	function close_tips(){
		layer.closeAll();
	}
	function openWin(){
		var layer = layui.layer;
		layer.open({
			type:2,
			//头部标题
			title:'平台政策说明',
			//子层容器宽度和高度
			area:['800px','500px'],
			content:"{:url('regNotice')}",
			fix: true, //不固定
			//maxmin: true,
			closeBtn:false,
			btn: ['同 意'],
			shadeClose: false,//点击遮罩区域是否关闭页面
			scrollbar: false,//滚动条
		});
	}

	function moreShow(){
		var layer = layui.layer;
		layer.open({
			type:2,
			//头部标题
			title:'更多卡段',
			//子层容器宽度和高度
			area:['750px','450px'],
			content:"{:url('moreCard')}",
			fix: true, //不固定
			//maxmin: true,
			closeBtn:false,
			btn: ['关 闭'],
			shadeClose: false,//点击遮罩区域是否关闭页面
			scrollbar: false,//滚动条
		});
	}
</script>